{% extends "base.html"%}
{% block title %}
	摄影
{% endblock %}
{% block banner %}
	<div id='top-sec-nav' style='border-bottom: 2px solid rgba(238,243,25,0.4);'>
		<div class='banner-nav-left' style='background:rgba(238,243,25,0.4);'>
			<a href='/blog/pic/'>
				<p>摄影集</p>
			</a>	
		</div>
		<div class='banner-nav-lable'><p>以光线绘图，记录某时某刻的自己，留给怀旧的自己回忆!</p></div>
	</div>
{% endblock %}
{% block container %}
	<div class='blog-view'>
		<div class='blog-left'>
			<div style='min-height:65%;'>
				<ul>
					{% for pic in pics %}
					<li>
						<a href='/blog/pic/{{pic.id}}'>
							<div class='pics'>
								<img alt='{{pic.title}}'  src="/media/{{ pic.first_pic}}" style='width:100%;height:100%;'>
								<pre><p>{{ pic.title }} 浏览({{pic.clicktime}})</p></pre>
							</div>
						</a>
					</li>
					{% endfor %}
				</ul>
			</div>
		</div>
		<div class='blog-right' style='border-left:1px solid rgba(247, 6, 209, 0.5);'>
			<div style='border-bottom: 1px solid rgba(81, 204, 49, 0.5);'><p class='fenlei-p'>旅行日志</p></div>
			<div class='new-blog'>
				{% for new in travels %}
					<a href='/blog/travel/{{ new.id }}/'><div><p>{{ new.title }}</p></div></a>
				{% endfor %}
			</div>
			<div style='border-bottom: 1px solid rgba(19, 196, 216, 0.5);'><p class='fenlei-p'>文章推荐</p></div>
			<div class='new-blog'>
				{% for new in newblogs %}
					<a href='/blog/article/{{ new.id }}/'><div><p>{{ new.title }}</p></div></a>
				{% endfor %}
			</div>
		</div>
	</div>
{% endblock %}